<template>
  <div class="items-container">
    <div class="items-left">
      <p>商品1</p>
    </div>
    <div class="items-right">
      <p>详情2</p>
    </div>
    <div class="items-bottom">底边</div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less" scoped>
.items-container {
  display: flex;
  flex: 1;
  overflow: hidden;

  .items-left {
    width: 80px;
    overflow: auto;
    background-color: #ffc133;
  }
  .items-right {
    flex: 1;
    overflow: scroll;
    background-color: #2e2f3b;
  }

  .items-bottom{
      position: fixed;
      border-radius: 40px;
      bottom: 0;
      width: 100%;
      height: 60px;
      background-color: #fff;
  }
}
</style>